<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>票无忧-个人中心</title>
    <!-- 导入全局导航栏css样式 -->
    <link rel="stylesheet" type="text/css" href="../css/overall_style.css">
    <!-- 导入个人中心框架css样式 -->
    <link rel="stylesheet" type="text/css" href="../css/personal_center.css">
    <script src="../js/conf.js"></script>
    <!-- 导入我的订单css样式 -->
    <link rel="stylesheet" type="text/css" href="../css/order/myOrder.css">

    <link rel="shortcut icon" href="../imgs/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">

</head>

<body>

<!-- 顶部导航栏 -->
<div class="top_box" id="pwy_nav">

</div>

<!-- 中间内容 -->
<div class="middle_box">
    <div class="middle_main">
        <div class="layui-container middle_main_row">
            <div class="layui-col-md2 middle_main_left">
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <!-- 侧边导航: <ul class=" layui-nav layui-nav-tree layui-nav-side"> -->
                    <li class="layui-nav-item main_left_tittle">个人中心</li>
                    <li class="layui-nav-item nav_list jbxs" onclick="nav_list_click(this)"><a
                            href="javascript:;">基本信息</a></li>
                    <li class="layui-nav-item nav_list layui-this ddgl" onclick="nav_list_click(this)"><a
                            href="javascript:;">订单管理</a></li>
                    <li class="layui-nav-item nav_list wdsc" onclick="nav_list_click(this)"><a
                            href="javascript:;">我的收藏</a></li>
                    <li class="layui-nav-item nav_list gyls" onclick="nav_list_click(this)"><a
                            href="javascript:;">观影历史</a></li>

                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;" id="active_a">活动</a>
                        <dl class="layui-nav-child">
                            <dd class="nav_list yhq" onclick="nav_list_click(this)"><a href="javascript:;">优惠券</a>
                            </dd>
                            <dd class="nav_list hy" onclick="nav_list_click(this)"><a href="javascript:;">会员</a></dd>
                            <dd class="nav_list xttz" onclick="nav_list_click(this)"><a href="javascript:;">消息通知</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-col-md9 middle_main_right">
                <div class="personal_tittle">我的订单</div>

                <div class="layui-col-md9 personalCenterMsg-div" style="display: none">
                    <div class="layui-col-md4 avatar-div">
                        <div class="layui-row avatarImg-div">
                            <div class="layui-upload-list">
                                <img class="layui-upload-img" id="ID-upload-demo-img">
                                <div id="ID-upload-demo-text"></div>
                            </div>
                        </div>
                        <div class="layui-row avatarBtn-div">
                            <button type="button" class="avatar-btn" id="ID-upload-demo-btn"><i
                                    class="layui-icon layui-icon-upload"></i> 更换头像
                            </button>
                        </div>
                        <div class="layui-row avatarMsg-div"><p>支持JPG,JPEG,PNG格式,且文件</p>
                            <p>需小于1M</p></div>
                    </div>

                    <div class="layui-col-md4  layui-col-md-offset1 perMsg-div">
                        <div class="nickname-div">昵称:<input type="text" required pattern="[a-z0-9]{5}" title="昵称"
                                                              placeholder="请输入昵称由五位字母或数字组成"
                                                              id="nickname"></div>
                        <br>
                        <div class="layui-row sex-div">
                            <div class="layui-col-md2 selectSex-div">性别:</div>
                            <div class="layui-col-md3 manOrwoman-div"><input type="radio" name="sex" value="0"> 男<input
                                    class="input-woman" type="radio" name="sex" value="1"> 女
                            </div>
                        </div>
                        <br>
                        <div class="layui-inline birthday-div">
                            <label class="layui-form-label">生日:</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="ID-laydate-demo"
                                       placeholder="请选择生日:年/月/日">
                            </div>
                        </div>
                        <br>
                        <div class="area-div">地区:<input type="text" title="地区" placeholder="请输入地区" id="area">
                        </div>
                        <br>
                        <div class="layui-row statu-div">
                            <div class="layui-col-md2 selectStatus-div">状态:</div>
                            <div class="layui-col-md10 statusMany-div"><input type="radio" name="status" value="已婚">
                                已婚<input class="input-none" type="radio" name="status" value="未婚"> 未婚<input
                                        class="input-single" type="radio" name="status" value="单身"> 单身<input
                                        class="input-love" type="radio" name="status" value="热恋"> 热恋
                            </div>
                        </div>
                        <br>
                        <div class="userexinfo-form-section expand-list">
                            <div class="layui-col-md2">
                                <p>兴趣：</p>
                            </div>
                            <div class="layui-col-md10 interest-list">
                                <div class="layui-row first-div">
                          <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-1" value="美食"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-1">美食</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-2" value="动漫"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-2">动漫</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-3" value="摄影"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-3">摄影</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-4" value="电影"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-4">电影</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-5" value="体育"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-5">体育</label>
                          </span>
                                </div>
                                <div class="layui-row second-div">
                          <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-6" value="财经"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-6">财经</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-7" value="音乐"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-7">音乐</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-8" value="游戏"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-8">游戏</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-9" value="科技"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-9">科技</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-10" value="旅游"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-10">旅游</label>
                          </span>
                                </div>
                                <div class="layui-row third-div">
                          <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-11" value="文学"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-11">文学</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-12" value="公益"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-12">公益</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-13" value="汽车"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-13">汽车</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-14" value="时尚"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-14">时尚</label>
                          </span>
                                    <span>
                            <input type="checkbox" name="interest[]" id="userexinfo-form-interest-15" value="宠物"
                                   class="ui-checkbox">
                            <label for="userexinfo-form-interest-15">宠物</label>
                          </span>
                                </div>
                                <span class="bottom-tips"
                                      style="color: #CFCCCC;font-size: 15px;">选择你的兴趣获得个性化的电影推荐哦</span>
                                <br>
                            </div>
                        </div>
                        <div class="signature-div">签名:<input type="text" title="个性签名"
                                                               placeholder="请输入20个字以内" id="signature">
                        </div>
                        <div class="save-div">
                            <button type="button" class="layui-btn buttonSave" onclick="getFromInfo()">保存</button>
                        </div>
                    </div>
                </div>
            </div>

            <!--~~~~~~~~~~~~~~我的收藏~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9 collect-div" id="collects" style="display: none">
                <div id="ad">
                    <div class="layui-colla-content layui-show" id="a">

                        <ul class="flow-default" id="LAY_demo2">

                        </ul>
                    </div>
                </div>
            </div>

            <!--~~~~~~~~~~~~~~我的history~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9 history-div" style="display: none">
                <div id="adc">
                    <div class="layui-colla-content layui-show" id="aabb">

                        <ul class="flow-default" id="LAY_demo4">

                        </ul>
                    </div>
                </div>
            </div>

            <!--~~~~~~~~~~~~~~我的订单~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9 order-div" id="col" style="display: none">
                <div id="ada">
                    <div class="layui-colla-content layui-show" id="aa">

                        <ul class="flow-default" id="LAY_demo1">

                        </ul>
                    </div>
                </div>
            </div>
            <!--~~~~~~~~~~~~~~VIP~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9  vip-div" style="display: none;">
                <div class="vip" style="display: block;">
                    <div class="vip-time">
                        <table class="vip-table" id="vip-table">

                        </table>
                    </div>
                </div>
                <div class="nullvip" style="display: none;">
                    <div class="vip-open">
                        <span>Sorry!您还不是我们的会员!👉<a href="../html/vip.html"
                                                           class="buy-btn vip">开通会员</a></span>
                    </div>
                </div>
            </div>
            <!--~~~~~~~~~~~~~~优惠券~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9  coupon-div" style="display: none">
                <div id="aba">
                    <div class="layui-colla-content layui-show" id="aaa">
                        <ul class="flow-default" id="LAY_demo3">
                        </ul>
                    </div>
                </div>
            </div>


            <!--~~~~~~~~~~~~~~系统通知~~~~~~~~~~~~~~~~~~~~-->
            <div class="layui-col-md9  message-div">
                <div id="abbc">
                    <div class="layui-colla-content layui-show" id="aaaaa">
                        <div id="notLook"></div>
                    </div>
                </div>
            </div>

        </div>


    </div>
</div>
</div>


<!-- 底部 -->
<div class="bottom_box">
    关于猫眼 : 关于我们 董事会成员 投资者关系 友情链接 : 美团网 格瓦拉 美团下载 欢喜首映

    商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900

    用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com

    中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号

    广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号

    艺术品经营单位备案证明 京东艺（2022）0095号

    猫眼用户服务协议 猫眼平台交易规则总则 隐私政策

    京公网安备 11010102003232号 京ICP备16022489号-1

    北京猫眼文化传媒有限公司

    ©2023 猫眼电影 www.maoyan.com
</div>
<script src="../plugins/jquery.min.js"></script>

<script src="../plugins/layui/layui.js" charset="utf-8"></script>
<!-- 上传头像的JS -->
<script src="../js/personal/message.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script src="../js/overall_style.js"></script>


<!-- 引入js样式 -->
<script src="../js/personal_center.js"></script>

<script>
    $(function () {
        $("#pwy_nav").load('./nav.html');
    })
</script>
</body>

</html>